<template>
    <div class="aDivInclude404image">
        <!-- <h1>这个路由被用于显示404页面</h1> -->
         <img src="@/assets/images/error_images/404.png" alt="图片地址已失效"/>
         <button @click="handlerForGoToHomePage">点击此处去首页</button>
    </div>
</template>
<script setup lang="ts">
import {useRouter} from 'vue-router'
// 获取路由器对象实例↓
let router = useRouter()
/**
 * 函数“handlerForGoToHomePage”是“点击此处去首页”按钮的点击事件处理函数，用于将用户重定向到首页
 */
function handlerForGoToHomePage() {
    router.push('/home')
}
</script>
<style lang="scss" scoped>
.aDivInclude404image{
    width: 100vw;
    height:100vh;
    display: flex;
    justify-content: center;
    img{
        width: 800px;
        height: 400px;
    }
    button {
        width: 100px;
        height: 100px;
    }
}
</style>